<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>

@import url(styles/normalize.css);
body{
	font-family:"Courier New", Courier, monospace;
	font-size:1.25em;
	color:#EEE;
	background:url(images/bg.jpg) #333 fixed;
}
.navigation-list{
	padding:0;
	font-size:20px;
}
.navigation-list-item{
	float:left;
}
.navigation-list-item > a:link{
	color:inherit;
	text-decoration:none;
	text-transform:lowercase;
}
.navigation-list-item > a:hover{
	text-decoration:underline;
}
.navigation-list-item:before{
	content:"[";
}
.navigation-list-item:after{
	content:"]";
	margin: 0 10px 0 0;
}
#site-header{
	top:0;
	width:100%;
	background:#333;
	z-index:10;
	border-bottom:solid 2px #EEE;
}
#site-navigation{
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:11;
}
#page-content{
	height:100%;
	width:1000px;
	margin:0 auto 1000px;
	padding:115px 10px 0;
	background-color:#333;
	border:solid 2px #EEE;
	border-radius: 0 0 20px 20px;
	text-shadow:#999 0 0 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:1;
}
#site-footer{
	bottom:0;
	width:100%;
	z-index:10;
	border-top:solid 2px #EEE;
}
#site-header, #site-footer{
	font-size:85px;
	position:fixed;
	left:0;
	background:url(images/bg.jpg) #333;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function documentReady(){
	$('#bgChanger').change(function(){
		$('#page-content').css('background-image', 'url(images/' + $(this).val() + ')');
	});
});
</script>
</head>

<body>

	<!-- Start Site Header -->
	<header id="site-header">
    	chrisHendrickson{
        <select id="bgChanger" style="float:right;font-size:24px">
        	<?php
				$imageFolder = opendir('images');
				while (false !== ($file = readdir($imageFolder))) {
					echo "<option>$file</option>\n";
				}
				closedir($imageFolder);
			?>
        </select>
    </header>
    <!-- End Site Header -->
    
    <!-- Start Site Navigation -->
    <nav id="site-navigation">
    	<ul class="navigation-list">
        	<li class="navigation-list-item"><a href="#">Home</a></li>
            <li class="navigation-list-item"><a href="#">Blog</a></li>
            <li class="navigation-list-item"><a href="#">Portfolio</a></li>
            <li class="navigation-list-item"><a href="#">Contact</a></li>
            <li class="navigation-list-item"><a href="#">About</a></li>
        </ul>
    </nav>
    <!-- End Site Navigation -->
    
    <!-- Start Page Content -->
    <section id="page-content">
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim nunc non tellus ullamcorper quis adipiscing purus blandit. Etiam ultricies, arcu eu vestibulum adipiscing, lorem quam ornare dolor, fermentum condimentum purus sapien in magna. Nam aliquam convallis orci sed ornare. Maecenas sit amet tempus massa. Integer congue dictum dui et congue. Curabitur a eros purus. Donec et ultrices lorem. Cras scelerisque lobortis tellus, sit amet porttitor est scelerisque eu. Cras ut mi id neque luctus commodo nec a nisi. Nulla lacinia bibendum tincidunt. Mauris a euismod ipsum. Aliquam erat volutpat. Sed adipiscing consequat odio nec vulputate. Fusce egestas aliquet arcu vitae condimentum.</p>

<p>Cras at elit dolor. Phasellus pellentesque lacus quis mi tempus dapibus ac nec tortor. Vestibulum consequat purus enim, vitae dictum eros. Donec eget diam felis. Etiam eget massa tellus, id consectetur quam. Nulla facilisi. Ut lacinia rhoncus magna sit amet suscipit. Suspendisse hendrerit fringilla risus sit amet mattis. Vivamus neque risus, pretium sed imperdiet at, vestibulum in nisl. Integer pellentesque bibendum nisi, id ultricies lacus blandit a. Vivamus vitae odio eget dolor semper fermentum eget vel velit. Nullam quis mauris ut diam malesuada blandit eget nec erat. Suspendisse eu neque urna. Praesent eget nibh lectus.</p>

<p>Praesent cursus massa eget neque posuere ullamcorper. Vestibulum bibendum dui nec nisi sodales placerat. Sed ornare tincidunt rutrum. Integer sit amet faucibus nisi. Aliquam dictum ipsum in est vestibulum laoreet. Integer eu lectus nec velit tincidunt dictum vitae et turpis. Ut sit amet odio vitae odio varius ornare eget quis elit. Suspendisse sed est vitae metus condimentum bibendum eget sit amet magna. Ut interdum erat eget mauris porta feugiat vitae et erat. Phasellus sollicitudin turpis justo. Pellentesque non neque purus, in fermentum enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur et diam est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In eu erat est, ut tempus tortor.</p>

<p>Fusce vel purus felis, at placerat quam. Vivamus rutrum ultricies laoreet. In vel enim in est sodales consequat. Phasellus sollicitudin lectus vel lacus fringilla vel adipiscing ipsum aliquam. Phasellus ac ante velit. Etiam tincidunt accumsan rhoncus. Donec mi felis, iaculis et fermentum a, iaculis id lectus. Quisque massa nisi, venenatis id luctus sit amet, interdum a nulla. Sed dignissim adipiscing est, ut laoreet felis luctus in. Sed felis justo, ornare ut porta et, volutpat et mi.</p>

<p>Curabitur consequat arcu et orci porttitor blandit. Praesent tempus vulputate turpis vitae interdum. Duis sit amet magna augue, ut tincidunt enim. Nullam vehicula, velit at pulvinar viverra, leo urna fermentum nulla, id tincidunt mauris leo eu lorem. Nullam ac erat at ipsum cursus dignissim et sed risus. Donec tristique dapibus dui, eget pulvinar velit consectetur at. Nulla eget orci non sapien bibendum pulvinar ut nec velit. Ut euismod sem quis massa sagittis interdum. Vestibulum ac felis in ipsum hendrerit faucibus at in nisl. Morbi placerat molestie quam at auctor. Maecenas porttitor consequat tellus id lacinia. Vestibulum et lacus eu leo ornare cursus at ac elit. Maecenas mattis orci eu ligula aliquam fringilla. In porta diam a ligula tristique ultrices. Proin sed ullamcorper est.</p>
    </section>
    <!-- End Page Content -->
    
    <!-- Start Site Footer -->
    <footer id="site-footer">
    	}//Home
    </footer>
    <!-- End Site Footer -->
    
</body>
</html>